<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>03_元素选择器</title>
</head>
<style>
    /* 选中页面元素为speak的类元素 */
    .speak {
        color: red;
    }
    /* 选中页面元素为answer的类元素 */
    .answer {
        color: green;
    }
    .big {
        font-size: 20px;
    }
</style>

<body>
    <h1>欢迎来到土味官网，土的味道我知道！</h1>
    <br>
    <h2>土味情话</h2>
    <h3>作者：优秀的网友们</h3>
    <!-- 一个标签不能写多个class属性，但是属性值可以写多个，用空格实现 -->
    <p  class="speak big">我对你说：万水千山总有情，多爱我一点行不行！</p>
    <p  class="speak">我对你说：蓝莓、草莓、蔓越莓，今天你想我了没！</p>
    <p  class="speak">我对你说：我心里给你留了块地，我的死心塌地</p>
    

    <h2>土味情话反杀</h2>
    <h3>作者：更优秀的网友们</h3>
    <p  class="answer">我回答你：一寸光阴一寸金，劝你死了这条心</p>
    <p  class="answer">我回答你：西瓜、南瓜、哈密瓜，把你打成大傻瓜！</p>
    <p  class="answer">我回答你：我心里只有块地，我的玛莎拉蒂</p>
</body>

</html>